<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/static/css/index.css">
    <link rel="stylesheet" href="/static/css/movies.css">
    <link rel="stylesheet" href="/static/css/clear.css">
    <link rel="stylesheet" href="/static/css/cinemas.css">
    <script src="/static/js/jquery-1.12.2.js"></script>

    <title>选择影院</title>
    <link rel="icon" href="/static/images/title-lolg.png">

</head>

<body>
    <!-- 页面头部 -->
    <div th:replace="/common/head::#header"></div>
    <!-- 电影简介 -->
    <div class="movie-top">
        <div class="movie-banner">
            <div class="movie-img">
                <img src="" alt="" id="movie-img">
            </div>
            <div class="movie-data">
                <div class="movie-name">
                    <h2 class="name" id="moviename"></h2>
                    <h2 class="othername" id="englishname"></h2>
                    <p class="kind" id="kind"></p>
                    <p class="area" id="adress"></p>
                    <p class="time" id="time"></p>
                </div>
                <div class="movie-btn">
                    <a href="#"><i></i> <span>想看</span></a>
                    <a href="#"><i></i> <span>评分</span></a>
                </div>
                <div class="watching">
                    <p class="name">想看数</p>
                    <p class="wantnum">12421424524</p>
                    <p class="money">累计票房</p>
                    <p class="num">3000 <span>万</span></p>
                </div>
            </div>
        </div>
    </div>
    <!-- 电影院分类列表 -->
    <div class="movie-list">
        <div class="list-body">
            <div class="list-model">
                <div class="name">
                    类型:
                </div>
                <ul class="tags">
                    <li class="tag-click active">
                        <a href="#">全部</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">太平洋影院</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">万达影院</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">星美国际影城</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">CGV影城</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">横店电影院</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">承天嘉禾影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">卢米埃影城</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">金逸影城</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">大地影院</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">UME国际影城</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">SFC上影影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">保利国际影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">中影国际影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">越界影城和平电影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">幸福蓝海国际影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">新时代影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">耀莱成龙国际影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">恒大影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">百丽宫影城</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">百老汇影城</a>
                    </li>
                    <li class="tag-click">
                        <a ef="#">其他</a>
                    </li>
                </ul>
            </div>
            <div class="list-model">
                <div class="name">
                    行政区:
                </div>
                <ul class="tags">
                    <li class="tag-click active">
                        <a href="#">全部</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">地铁附近</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">武侯区
                        </a>
                    </li>
                    <li class="tag-click">
                        <a href="#">郫县
                        </a>
                    </li>
                    <li class="tag-click">
                        <a href="#">锦江区
                        </a>
                    </li>
                    <li class="tag-click">
                        <a href="#">双流区
                        </a>
                    </li>
                    <li class="tag-click">
                        <a href="#">中国台湾</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">金牛区</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">成华区</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">新都区</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">青羊区</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">龙泉驿区</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">温江区</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">金堂县</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">素州市</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">都江堰市</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">新津县
                        </a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">青白江区</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">彭州市</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">邛味市</a>
                    </li>
                    <li class="tag-click">
                        <a ef="#">大邑县</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">蒲江县</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">简阳市</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">高新区</a>
                    </li>
                </ul>
            </div>
            <div class="list-model">
                <div class="name">
                    特殊厅:
                </div>
                <ul class="tags">
                    <li class="tag-click active">
                        <a href="#">全部</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">lMAX厅</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">CGS中国巨幕厅</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">杜比全景声厅</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">Dolby Cinema厅</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">RealD厅</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">RealD6FL厅
                        </a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">LUXE巨幕厅
                        </a>
                    </li>
                    <li class="tag-click">
                        <a href="#">4DX厅</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">DTS:X临境音厅</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">儿童厅</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">4K厅</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">4D厅</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">60帧厅</a>
                    </li>
                    <li class="tag-click">
                        <a ref="#">120帧/4K厅</a>
                    </li>
                    <li class="tag-click">
                        <a ef="#">巨幕厅</a>
                    </li>
                    <li class="tag-click">
                        <a ef="#">CINITV厅</a>
                    </li>
                </ul>
            </div>
            <div class="list-model">
                <div class="name">
                    服务:
                </div>
                <ul class="tags">
                    <li class="tag-click active">
                        <a href="#">全部</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">可改签</a>
                    </li>
                    <li class="tag-click">
                        <a href="#">可退票</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 影院列表 -->
    <div class="cinemas-body" id="cinemas-body">
        <div class="intro">
            <div class="intro-text">
                <span>影院列表</span>
                <span>
                <a href="#">
                    全部>
                </a>
            </span>
            </div>
        </div>
    </div>
    <!-- 页面底部 -->
    <div th:replace="common/bottom::#bottom"></div>


    <script src="/static/js/ajax.js"></script>
    <script src="/static/js/mock-min.js"></script>
    <script src="/static/js/server.js"></script>
    <script src="/static/js/movieCinema.js"></script>
    <script>
        // 获取电影院信息并渲染至页面
        var url = decodeURI(window.location.href);
        var backToPreUrl = url.split("?");
        if (backToPreUrl[1] == null) {
        } else {
            moviename = decodeURIComponent(backToPreUrl[1]);
            ajax({
                url: '/moviescinema/getmoviescinema',
                type: 'get',
                data: moviename,
                success: function(msg) {
                    if (msg.isable) {
                        let arr = {...msg.data[0]
                        };
                        document.getElementById('movie-img').src = arr.url;
                        document.getElementById('englishname').innerText = arr.name;
                        document.getElementById('moviename').innerText = arr.name;
                        document.getElementById('kind').innerText = arr.kind;
                        document.getElementById('adress').innerText = arr.adress;
                        document.getElementById('time').innerText = arr.time;
                    } else {
                        alert('获取信息失败');
                    }
                }
            });
        }
    </script>
</body>

<!--</html>-->